import Vue from 'vue'
import store from './store'
import core from 'gapi/core'
import App from './App'

import * as util from 'js/util.js'
import commonPage from 'clientApi/commonPage.js'
import clientUi from 'gapi/clientUi.js'
import widget from 'gapi/widget'
let ajaxDate = {}
let img = ""

new core('dmsass').start(() => {

	new Vue({
		el: 'body',
		data:{
			map:{},
			isShowDetailFlag:0,//是否显示详情的标志
			allPointArray:[],
			list:{
			    // "sign_userid": 3362,
			    // "sign_name": "余利你好",
			    // "sign_avatar": "http://sta.doumistatic.com/src/image/logo_doumi.png",
			    // "sign_list": [
			        // {
			        //     "id": "34",
			        //     "date": "1482854400",
			        //     "sign_type": "0",
			        //     "user_id": "3362",
			        //     "create_at": "1482912178",
			        //      "form_data": [
			        //         {
			        //             "id": "5",
			        //             "value": {
			        //                 "lng": "117.605489",
			        //                 "lat": "39.923789",
			        //                 "addr": "八维学校北门222",
			        //                 "addr_name": "八维"
			        //             }
			        //         },
			        //         {
			        //             "id": "1",
			        //             "value": 123
			        //         },
			        //         {
			        //             "id": "3",
			        //             "value": 'riqi'
			        //         },
			        //         {
			        //             "id": "4",
			        //             "value": 'xiala'
			        //         },
			        //         {
			        //             "id": "6",
			        //             "value": 'shuzi'
			        //         },
			        //         {
			        //             "id": "7",
			        //             "value": 'duohang'
			        //         },
			        //         {
			        //             "id": "2",
			        //             "value": {
			        //                 "url":["http://sta.doumistatic.com/src/image/logo_doumi.png"],
			        //                 "thumb_url":["http://sta.doumistatic.com/src/image/logo_doumi.png"]
			        //             }
			        //         }
			        //     ]
			        // },
			        // {
			        //     "id": "34",
			        //     "date": "1482854400",
			        //     "sign_type": "0",
			        //     "user_id": "3362",
			        //     "create_at": "1482912178",
			        //      "form_data": [
			        //         {
			        //             "id": "5",
			        //             "value": {
			        //                 "lng": "115.605489",
			        //                 "lat": "39.923789",
			        //                 "addr": "八维学校北门222",
			        //                 "addr_name": "八维2"
			        //             }
			        //         },
			        //         {
			        //             "id": "1",
			        //             "value": 123
			        //         },
			        //         {
			        //             "id": "3",
			        //             "value": 'riqi'
			        //         },
			        //         {
			        //             "id": "4",
			        //             "value": 'xiala'
			        //         },
			        //         {
			        //             "id": "6",
			        //             "value": 'shuzi'
			        //         },
			        //         {
			        //             "id": "7",
			        //             "value": 'duohang'
			        //         },
			        //         {
			        //             "id": "2",
			        //             "value": {
			        //                 "url":["http://sta.doumistatic.com/src/image/logo_doumi.png"],
			        //                 "thumb_url":["http://sta.doumistatic.com/src/image/logo_doumi.png"]
			        //             }
			        //         }
			        //     ]
			        // }
			        // {
			        //     "id": "33",
			        //     "date": "1482854400",
			        //     "sign_type": "0",
			        //     "coordinate": "116.293,35.4513",
			        //     "position": "",
			        //     "address": "美国 休斯顿太空中心",
			        //     "user_id": "3362",
			        //     "photo": [
			        //         "8,262718b8597d9e.jpg"
			        //     ],
			        //     "remark": "美国休斯顿 签到",
			        //     "create_at": "1482912175"
			        // }
			    // ]
			},
	        detailData:[],
	        position: '',
	        address: '',
	        user_info_sign: {},
	        mapPoingArray:[],
	        "require_field": [
	        		// {
	        		//   "id": "5",
	        		//   "type": "Location",
	        		//   "name": "位置",
	        		//   "info": {
	        		//     "title": "位置",
	        		//     "value": {
	        		//       "lat": "",
	        		//       "lng": "",
	        		//       "addr": "",
	        		//       "addr_name": ""
	        		//     },
	        		//     "tune_distance": 0,
	        		//     "tip": "",
	        		//     "required": "1"
	        		//   },
	        		//   "order": ""
	        		// },
	          //     {
	          //             "id": "1",
	          //             "type": "SingleText",
	          //             "name": "单行文字",
	          //             "info": {
	          //               "title": "单行文字",
	          //               "tip": "",
	          //               "value": "",
	          //               "required": "1",
	          //               "check_guide": {
	          //                 "max": "",
	          //                 "min": "",
	          //                 "checkType": ""
	          //               }
	          //             },
	          //             "order": ""
	          //           },
	          //           {
	          //             "id": "2",
	          //             "type": "Imageview",
	          //             "name": "图片",
	          //             "info": {
	          //               "title": "图片",
	          //               "tip": "",
	          //               "value": {
	          //                    "url":[],
	          //                    "thumb_url":[]
	          //                },
	          //               "example_img": {
	          //                 "url": [],
	          //                 "thumb_url": []
	          //               },
	          //               "required": "1",
	          //               "can_choose_picture": "0",
	          //               "check_guide": {
	          //                 "max": "",
	          //                 "min": ""
	          //               }
	          //             },
	          //             "order": ""
	          //           },
	          //           {
	          //             "id": "3",
	          //             "type": "Date",
	          //             "name": "日期",
	          //             "info": {
	          //               "title": "日期",
	          //               "tip": "",
	          //               "value": "",
	          //               "required": 1,
	          //               "check_guide": {
	          //                 "max": "",
	          //                 "min": ""
	          //               }
	          //             },
	          //             "order": ""
	          //           },
	          //           {
	          //             "id": "4",
	          //             "type": "Select",
	          //             "name": "下拉选项",
	          //             "info": {
	          //               "title": "下拉选项",
	          //               "value": "",
	          //               "tip": "",
	          //               "required": "1",
	          //               "options": []
	          //             },
	          //             "order": ""
	          //           },
	                    
	          //           {
	          //             "id": "6",
	          //             "type": "Number",
	          //             "name": "数字",
	          //             "info": {
	          //               "title": "数字",
	          //               "value": "",
	          //               "tip": "",
	          //               "required": 1,
	          //               "check_guide": {
	          //                 "max": "",
	          //                 "min": "",
	          //                 "checkType": ""
	          //               }
	          //             },
	          //             "order": ""
	          //           },
	          //           {
	          //             "id": "7",
	          //             "type": "TextArea",
	          //             "name": "多行文字",
	          //             "info": {
	          //               "title": "多行文字",
	          //               "value": "",
	          //               "tip": "",
	          //               "required": 1,
	          //               "check_guide": {
	          //                 "max": "",
	          //                 "min": ""
	          //               }
	          //             },
	          //             "order": ""
	          //           }
	          ]
		},
        components: {
            App
        },
		methods:{

			init(){
    			var para = JSON.parse(util.getUrddataString('sign_info'))
    			// alert(JSON.stringify(para));
    			this.getAllMapPointDate(para);
    			this.user_info_sign = para
			},

			//组装请求回来的数据
			parserData(){
				//聚合名称相同的点
				for (var i = this.list.sign_list.length - 1; i >= 0; i--) {
					var point = this.list.sign_list[i];
					if (this.isEquelPosition(point) == 0) {
						this.addPointOnMap(point.form_data[0].value.lng+','+point.form_data[0].value.lat,0);
						this.mapPoingArray.push(point);
					}
				 }

				//让所有的点都在地图上显示
				this.map.setViewport(this.allPointArray);
			},

			isEquelPosition(point){
				for (var k = this.mapPoingArray.length - 1; k >= 0; k--) {
					if (this.mapPoingArray[k].form_data[0].value.addr_name == point.form_data[0].value.addr_name) {
						return 1;
					}
				}
				return 0;
			},

			//在地图上添加相应的点
			addPointOnMap(location,isSelected){
				console.log("aaaa:" + location);
				var strs = location.split(",");
				var r = /^(-|\+)?\d+\.\d*$/
				if (r.test(strs[0]) == false || r.test(strs[1]) == false) {
					return;
				}
				var pt = new BMap.Point(strs[0], strs[1]);

				let myIcon;
				if (isSelected == 0) {
					img = util.KqMapImg.attendImgY;
					myIcon = new BMap.Icon(img, new BMap.Size(24, 32),{
						imageSize:new BMap.Size(25,31)
					})	
				} else {
					img = util.KqMapImg.attendImgU;
					myIcon = new BMap.Icon(img, new BMap.Size(24, 32),{
						imageSize:new BMap.Size(24,32)
					})
				}

				let marker = new BMap.Marker(pt,{icon: myIcon})
				this.map.addOverlay(marker)
				marker.addEventListener("click",this.mapPointClicked);
				this.allPointArray.push(new BMap.Point(strs[0], strs[1]));
			},

			//地图上的点 点击事件
			mapPointClicked(e){
				this.isShowDetailFlag = 1;
				var p = e.target;
    			var cor = p.getPosition().lng + "," + p.getPosition().lat;

    			// widget.toast(this.mapPoingArray.length + 'aa')
    			this.map.clearOverlays();
				for (var i = this.mapPoingArray.length - 1; i >= 0; i--) {
					var coordinate = this.mapPoingArray[i].form_data[0].value.lng+','+this.mapPoingArray[i].form_data[0].value.lat;
					if (cor == coordinate) {
						this.addPointOnMap(coordinate,1);
					} else {
						this.addPointOnMap(coordinate,0);
					}
				}

				this.parDetailData(cor);
			},

			parDetailData(cor){
				// alert(JSON.stringify(this.detailData));
				this.detailData.splice(0,this.detailData.length);//清空数组

				// this.position;
				this.list.sign_list.forEach((signInfo)=>{
					var coordinate = signInfo.form_data[0].value.lng+','+signInfo.form_data[0].value.lat
					if (coordinate == cor) {
						this.position = signInfo.form_data[0].value.addr_name;
					}
				})

				this.list.sign_list.forEach((signInfo)=>{
					if (signInfo.form_data[0].value.addr_name == this.position) {
						// var detail = {}
						this.address = signInfo.form_data[0].value.addr;
						// detail.position = signInfo.position;
						// detail.address = signInfo.address;
						// detail.remark = signInfo.remark;
						// signInfo.sign_time = signInfo.create_at;
						// detail.photo = signInfo.photo;
						this.detailData.push(signInfo);
					}
				})
				console.log(this.detailData)
			},

			//获取所有的地图上的点
			getAllMapPointDate(t){
                commonPage.loadPageStatus('loading')
                util.ajax({
                    url:'/sign/manager/map/single',
                    data: {
                        'team_id': t.team_id,
                        'project_id': t.project_id,
                        'sign_userid':t.sign_userid,
                        'date':t.date
                    },
                    success: (res) => {
                        commonPage.loadPageStatus('loadSuccess')
                        // alert(JSON.stringify(res))
                        console.log(res)
                        if(res&&res.errno==0) {
                             this.list = res.data;
                             this.require_field = res.data.require_field
                             this.list.sign_list.forEach((obj1) => {
                             	obj1.form_data.forEach((obj2) => {
                             		this.require_field.forEach((obj3) => {
                             			if(obj2.id == obj3.id){
                             				// alert(obj3.info.title)
                             				obj2.type = obj3.type
                             				obj2.title = obj3.info.title
                             			}
                             		})
                             	})
                             })

                             console.log(1)
                             console.log(JSON.stringify(this.list.sign_list))

                             //初始化地图
                             this.map = new BMap.Map("map");    // 创建Map实例
                             this.map.centerAndZoom(new BMap.Point(116.399957, 39.91095), 15);

                             this.parserData();
                        } else if(res.errno==21015) {
                             this.showEmpty = true
                        } else if(res.errmsg) {
                             widget.toast(res.errmsg)
                        } else {
                             widget.toast('数据获取失败')
                        }
                    },
                    error: (xhr, status) => {
                        commonPage.loadPageStatus('loadSuccess')
                        widget.toast('服务器异常')
                    },
                    noNetwork: () => {
                        commonPage.loadPageStatus('loadSuccess')
                        widget.toast('网络连接失败，请检查网络')
                    }
                })
            },
			bigPicturePreview(urls, index){
				clientUi.bigPicturePreview('预览', urls, index)
			},
            getLocalTime(timestr){
                return util.getLocalTime(timestr, 'HH:mm')
            },
            gotoProjectMemberDetail(){
                let encodeStr = encodeURIComponent(`tid=${this.user_info_sign.team_id}&pid=${this.user_info_sign.project_id}&gid=''&uid=${this.user_info_sign.sign_userid}`)
                location.href = `dmsaas://ProjectMemberDetail?urdData=${encodeStr}`
            }
		},
		ready(){
            this.init()
            window.loadData = () => {

            }
		}
	})

})